<template>
  <view class="container">
    <view class="agreement-text">
      <view class="section">
        <text class="section-title">一、服务条款</text>
        <view class="paragraph">
          本协议是用户与本公司之间关于使用本软件的法律协议。用户在使用本软件的服务之前，请仔细阅读本协议的内容。使用本软件即表示您同意本协议的所有条款。
        </view>
      </view>

      <view class="section">
        <text class="section-title">二、用户注册</text>
        <view class="paragraph">
          用户在使用本软件之前，必须注册并填写真实、准确、完整的个人资料。用户保证提供的信息真实有效，且同意更新注册资料以保持信息的准确性。
        </view>
      </view>

      <view class="section">
        <text class="section-title">三、隐私保护</text>
        <view class="paragraph">
          我们承诺保护您的个人隐私。我们会采取合理的技术手段保障用户信息的安全，未经用户同意，不会泄露用户的个人信息。
        </view>
      </view>

      <view class="section">
        <text class="section-title">四、用户的权利与义务</text>
        <view class="paragraph">
          用户有权使用本软件提供的服务，但在使用过程中应遵守相关法律法规及本协议的条款。用户不得利用本软件从事违法或不当行为。
        </view>
      </view>

      <view class="section">
        <text class="section-title">五、免责声明</text>
        <view class="paragraph">
          本公司不对由于网络问题或不可抗力因素导致的服务中断、数据丢失等问题负责。用户应对使用本软件过程中发生的任何纠纷承担责任。
        </view>
      </view>

      <view class="section">
        <text class="section-title">六、协议的变更</text>
        <view class="paragraph">
          本公司有权随时修改本协议，并通过本软件或其他渠道公告。修改后的协议一经公布，立即生效，用户继续使用即表示同意修改后的协议内容。
        </view>
      </view>

      <view class="section">
        <text class="section-title">七、法律适用与争议解决</text>
        <view class="paragraph">
          本协议的订立、执行和解释及争议的解决均应适用中华人民共和国的法律。如发生争议，双方应通过友好协商解决，协商不成时，任何一方可向本公司所在地法院提起诉讼。
        </view>
      </view>

      <view class="section">
        <text class="section-title">八、其他</text>
        <view class="paragraph">
          本协议的所有条款均具有法律效力。如有条款被认定为无效，不影响其他条款的效力。
        </view>
      </view>
    </view>
  </view>
  <view style="width: 100%; height: 80px"></view>
</template>

<script>
  export default {
    data() {
      return {};
    },
    methods: {}
  };
</script>

<style scoped>
  .container {
    display: flex;
    flex-direction: column;
    padding: 20rpx;
    height: 100%;
  }

  .agreement-text {
    font-size: 28rpx;
    color: #333;
    margin-bottom: 20rpx;
  }

  .section {
    margin-bottom: 20rpx;
  }

  .section-title {

    font-size: 30rpx;
    font-weight: bold;
    margin-top: 20rpx;
    margin-bottom: 10rpx;
  }

  .paragraph {
    font-size: 28rpx;
    line-height: 40rpx;
    margin-top: 10rpx;
    color: #444;
    text-indent: 2em;
  }
</style>
